<template>
<div>
     <div class="banner">
      <img
        src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cHM6Ly81Y2RkM2FhNWM0NmVhLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTkvMDUvOTIwYWRjMGM1M2U4OGQ2MTY0OWE0MzYwMmY5MWQ0NzQtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp"
alt=""/>
    </div>
        <el-container>
      <el-aside>
        <div class="nav_c">
          <router-link to="/no5/type/全部新闻">
          <div><span class="el-icon-caret-right"></span>全部新闻</div>
          </router-link>
          <router-link to="/no5/type/新茶动态">
          <div><span class="el-icon-caret-right"></span>新茶动态</div>
          </router-link> 
          <router-link to="/no5/type/产品新闻">
          <div><span class="el-icon-caret-right"></span>产品新闻</div>
          </router-link>
        </div>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
</div>
</template>
<style scoped>
    .banner{
        padding-top: 80px;
        width: 100%;
        height: 158px;
    }
    .banner img{
        width: 100%;
        height: 100%;
    }
    .el-container {
  padding: 0 40px;
}
.el-aside {
  margin-top: 80px;
  height: 163px;
}
.nav_c {
  border-top: 2px solid rgba(144, 175, 107, 0.5);
  width: 70%;
}
.nav_c >a> div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: 默认;
  color: #888888 !important;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}
.el-main {
  margin-top: 80px;
}
</style>
